<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>
    <h3>数组操作(一)</h3>

    <script>
        // 数组： 有序的数据集合。根据索引值存取数据
        var arr = [];
        // 具有length属性 (数量)
        // console.log(arr);// []

        // 添加数据
        // push
        // 参数：数据
        // 返回值：添加数据之后的数组的长度(多少个数据)
        // 功能：往数组的末端(索引值：length-1)添加数据
        arr.push("red");
        arr.push("green");
        arr.push("blue");
        console.log(arr);// ["red", "green", "blue"]

        // unshift
        // 功能：往数组的首位（索引值:0）添加数据之后的数组的长度(多少个数据)
        arr.unshift("pink");
        arr.unshift("orange");
        // console.log(arr);//["orange", "pink", "red", "green", "blue"]


        // 删除数据
        var elements = ["div1","div2","div3","span1"];
        // console.log(elements);// ["div1", "div2", "div3", "span1"]
        // pop
        // 参数： 无
        // 返回值： 被删除最后一个元素。
        // 功能：删除数组最后一个数据
        var v1 = elements.pop();
        console.log(v1);// span1
        console.log(elements);// ["div1", "div2", "div3"]


        // shift
        // 此刻的数组:  ["div1", "div2", "div3"]
        // 参数：无
        // 返回值: 被删除的第一个元素
        // 功能: 删除数组的第一个数据
        var v2 = elements.shift();
        console.log(v2);// div1
        console.log(elements);// ["div2", "div3"]

     


    </script>
</body>
</html>